<%@page contentType="text/html;charset=UTF-8"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>   
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%> 
<%
request.setCharacterEncoding("UTF-8");
%>  
<html>   
<head>   
	<meta http-equiv="Expires" content="-1" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Cache-Control" content="no-cache" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
	<meta name="viewport" content="width=device-width" />
    <link href="/DP_Home/css/dphome.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="/DP_Home/js/common.js"></script>
<script type="text/javascript">
	function showMemberInfoLayer(memId){

		for(var i=1; i < 7; i++){
			document.getElementById(i).style.display = "none";
		}
	
		if(isNaN(memId) != true){
			if(document.getElementById(memId).style.display == "none"){
				//js function 
				CenterLayer(memId);
				
				document.getElementById(memId).style.display = "block";

			}
		}
	}
</script>
</head>   
<body>         

	<table class="wrap">
		<colgroup>
			<col width="20%" />
			<col width="20%" />
			<col width="20%" />
			<col width="20%" />
			<col width="20%" />
		</colgroup>   
		<tr>
			<td>&nbsp;</td>
			<td>
				<a href="javascript:showMemberInfoLayer('1');" onblur="showMemberInfoLayer('');">
				<img src="/dongimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" />
				</a>
			</td>
			<td>
				<a href="javascript:showMemberInfoLayer('2');" onblur="showMemberInfoLayer('');">
				<img src="/hongimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" />
				</a>
			</td>
			<td>
				<a href="javascript:showMemberInfoLayer('3');" onblur="showMemberInfoLayer('');">
				<img src="/Tedimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" />
				</a>
			</td>
			<td>&nbsp;</td>
		</tr>
		<tr height="50" valign="top">
			<td>&nbsp;</td>
			<td>
				<spring:message code="label.member01.name"/>
			</td>
			<td>
				<spring:message code="label.member02.name"/>
			</td>
			<td>
				<spring:message code="label.member03.name"/>
			</td>
			<td>&nbsp;</td>
		</tr>		
		<tr>
			<td>&nbsp;</td>
			<td>
				<a href="javascript:showMemberInfoLayer('4');" onblur="showMemberInfoLayer('');">
				<img src="/dongimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" />
				</a>
			</td>
			<td>
				<a href="javascript:showMemberInfoLayer('5');" onblur="showMemberInfoLayer('');">
				<img src="/dongimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" />
				</a>
			</td>
			<td>
				<a href="javascript:showMemberInfoLayer('6');" onblur="showMemberInfoLayer('');">
				<img src="/dongimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" />
				</a>
			</td>			
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td>
				<spring:message code="label.member04.name"/>
			</td>
			<td>
				<spring:message code="label.member05.name"/>
			</td>
			<td>
				<spring:message code="label.member06.name"/>
			</td>		
			<td>&nbsp;</td>
		</tr>
	</table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />	
<!-- member info layer -->	
<div id="1" style="display:none; width:450px; height:400px; POSITION:absolute; top:0px; left:0px;">
	<table border="1" onclick="showMemberInfoLayer('');" style="background-color:#ffffff;">
		<colgroup>
			<col width="20%" />
			<col width="*" />
		</colgroup> 	
		<tr>
			<td style="text-valign:bottom; "><img src="/dongimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" /></td>
			<td rowspan="2"><spring:message code="label.member01.content"/></td>
		</tr>
		<tr>
			<td style="text-valign:top; "><spring:message code="label.member01.name"/></td>
		</tr>		
	</table>
</div>
<div id="2" style="display:none; width:450px; height:400px; POSITION:absolute; top:0px; left:0px;">
	<table border="1" onclick="showMemberInfoLayer('');" style="background-color:#ffffff;">
		<colgroup>
			<col width="20%" />
			<col width="*" />
		</colgroup> 	
		<tr>
			<td style="text-valign:bottom; "><img src="/hongimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" /></td>
			<td rowspan="2"><spring:message code="label.member02.content"/></td>
		</tr>
		<tr>
			<td style="text-valign:top; "><spring:message code="label.member02.name"/></td>
		</tr>		
	</table>
</div>
<div id="3" style="display:none; width:450px; height:400px; POSITION:absolute; top:0px; left:0px;">
	<table border="1" onclick="showMemberInfoLayer('');" style="background-color:#ffffff;">
		<colgroup>
			<col width="20%" />
			<col width="*" />
		</colgroup> 	
		<tr>
			<td style="text-valign:bottom; "><img src="/seokimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" /></td>
			<td rowspan="2"><spring:message code="label.member03.content"/></td>
		</tr>
		<tr>
			<td style="text-valign:top; "><spring:message code="label.member03.name"/></td>
		</tr>		
	</table>
</div>
<div id="4" style="display:none; width:450px; height:400px; POSITION:absolute; top:0px; left:0px;">
	<table border="1" onclick="showMemberInfoLayer('');" style="background-color:#ffffff;">
		<colgroup>
			<col width="20%" />
			<col width="*" />
		</colgroup> 	
		<tr>
			<td style="text-valign:bottom; "><img src="/makiimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" /></td>
			<td rowspan="2"><spring:message code="label.member04.content"/></td>
		</tr>
		<tr>
			<td style="text-valign:top; "><spring:message code="label.member04.name"/></td>
		</tr>		
	</table>
</div>
<div id="5" style="display:none; width:450px; height:400px; POSITION:absolute; top:0px; left:0px;">
	<table border="1" onclick="showMemberInfoLayer('');" style="background-color:#ffffff;">
		<colgroup>
			<col width="20%" />
			<col width="*" />
		</colgroup> 	
		<tr>
			<td style="text-valign:bottom; "><img src="/makiimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" /></td>
			<td rowspan="2"><spring:message code="label.member05.content"/></td>
		</tr>
		<tr>
			<td style="text-valign:top; "><spring:message code="label.member05.name"/></td>
		</tr>		
	</table>
</div>
<div id="6" style="display:none; width:450px; height:400px; POSITION:absolute; top:0px; left:0px;">
	<table border="1" onclick="showMemberInfoLayer('');" style="background-color:#ffffff;">
		<colgroup>
			<col width="20%" />
			<col width="*" />
		</colgroup> 	
		<tr>
			<td style="text-valign:bottom; "><img src="/makiimg.png" width="100" height="100" onError="this.src='/DP_Home/images/noPhoto.jpg';" /></td>
			<td rowspan="2"><spring:message code="label.member06.content"/></td>
		</tr>
		<tr>
			<td style="text-valign:top; "><spring:message code="label.member06.name"/></td>
		</tr>		
	</table>
</div>	
</body>   
</html>  